<!--
 * @Author: zhang gen yuan
 * @Date: 2021-09-17 11:01:54
 * @Descripttion: 
-->
<template>
  <h1 id="div1">1111111111</h1>
  <h1 id="div2">2222222222</h1>
</template>

<script setup>
import Driver from "driver.js";
import driverStep from "/@/utils/driver";
import { onMounted, nextTick } from "vue";
let $driver = new Driver({
  allowClose: false, //禁止点击外部关闭
  doneBtnText: "完成", // 完成按钮标题
  closeBtnText: "关闭", // 关闭按钮标题
  stageBackground: "#fff", // 引导对话的背景色
  nextBtnText: "下一步", // 下一步按钮标题
  prevBtnText: "上一步", // 上一步按钮标题
});
onMounted(() => {
  $driver.defineSteps(driverStep);
  start();
});

function start() {
  nextTick(() => {
    $driver.defineSteps(driverStep);
    $driver.start();
  });
}
</script>

<style>
</style>